<form class="am-form-inline am-form query-form" data-am-validator style="padding-top:0;" id="submit-form" onsubmit="return false">
<input type="hidden" name="product_id" id="product_id" value="{{.product.Id}}" />
<div class="widget am-cf">
    <div class="widget-head am-cf">
        <div class="widget-title  am-fl">基础信息</div>
        <div class="widget-function am-fr">
            <button type="submit"  class="am-btn am-btn-warning " id="yesBtn"><i class="am-icon-check"></i> 确定</button>
            <a href='javascript:;' class="am-btn am-btn-default" id="cancelBtn">取消</a>
        </div>
    </div>
    <style>.am-text-sm{ line-height: 35px;}</style>
    <div class="widget-body">
            <div class="am-g doc-am-g">
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">品牌</label>
                    <div class="am-u-sm-9 am-text-sm" data-type="BrandName">{{.product.BrandName}}</div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">商品名称</label>
                    <div class="am-u-sm-9 am-text-sm" data-type="Name">{{.product.Name}}</div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">镜片类型</label>
                    <div class="am-u-sm-9 am-text-sm" data-type="Genre">{{.product.Genre}}</div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">折射率</label>
                    <div class="am-u-sm-9 am-text-sm" data-type="Refractivity">{{.product.Refractivity}}</div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">光学设计</label>
                    <div class="am-u-sm-9 am-text-sm" data-type="OpticalDesign">{{.product.OpticalDesign}}</div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">功效</label>
                    <div class="am-u-sm-9 am-text-sm" data-type="FunctionInfo">{{.product.FunctionInfo}}</div>
                </div>
            </div>
    </div>
</div>
<div class="am-g ">
    <div class="am-u-sm-6" style="padding-left: 0;">
        <div class="widget am-cf">
            <div class="widget-head am-cf">
                <div class="widget-title  am-fl">右眼</div>
                <div class="widget-function am-fr"></div>
            </div>
            <div class="widget-body  am-fr" data-eyetype="right">
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label"><span class="am-text-danger">*</span> 球镜</label>
                    <div class="am-u-sm-9"><input type="text" name="sph" id="sph" required></div>
                </div>
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label"><span class="am-text-danger">*</span> 柱镜</label>
                    <div class="am-u-sm-9"><input type="text" name="cyl" id="cyl" required></div>
                </div>
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label">ADD</label>
                    <div class="am-u-sm-9"><input type="text" name="add" id="add" ></div>
                </div>
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label"><span class="am-text-danger">*</span> 定制价格</label>
                    <div class="am-u-sm-9"><input type="number" name="suggested_price" id="suggested_price" required></div>
                </div>
            </div>
        </div>

    </div>
    <div class="am-u-sm-6" style="padding-right: 0;">
        <div class="widget am-cf">
            <div class="widget-head am-cf">
                <div class="widget-title  am-fl">左眼</div>
                <div class="widget-function am-fr"></div>
            </div>
            <div class="widget-body  am-fr" data-eyetype="left">
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label"><span class="am-text-danger">*</span> 球镜</label>
                    <div class="am-u-sm-9"><input type="text" name="sph" id="sph" required></div>
                </div>
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label"><span class="am-text-danger">*</span> 柱镜</label>
                    <div class="am-u-sm-9"><input type="text" name="cyl" id="cyl" required></div>
                </div>
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label">ADD</label>
                    <div class="am-u-sm-9"><input type="text" name="add" id="add" ></div>
                </div>
                <div class="am-u-sm-12">
                    <label class="am-u-sm-3 am-form-label"><span class="am-text-danger">*</span> 定制价格</label>
                    <div class="am-u-sm-9"><input type="number" name="suggested_price" id="suggested_price" required></div>
                </div>
            </div>
        </div>

    </div>
</div>
</form>